<?= $this->
load->view('left-menu');?>
<div class="span9">
  <ul class="breadcrumb">
    <li>
      <a href="#">Home</a>
      <span class="divider">/</span>
    </li>
    <li class="active">
      Events
      <span class="divider">/</span>
    </li>
  </ul>
   <div class="page-header">
    <h2>Upcoming Events</h2>
    </div>

<style>
h4{

  line-height:2em;
}
</style>

  <div class="row-fluid" class="eventsList">
<div>
<h4>27 Apr to 1 May 2012 - Security Wing</h4>

<h4>4 May to 8 May 2012 - Media Wing </h4>

<h4>11 May to 15 May 2012 - Art & Cultural Wing</h4>

<h4>18 May to 22 May 2012 - Engineering wing</h4>

<h4>25 May to 29 May 2012 - Gram vikas Wing</h4>

<h4>1 Jun to 5 Jun 2012 - Education Wing</h4>

<h4>8 Jun to 12 Jun 2012 - Women’s wing</h4>

<h4>15 Jun to 19 Jun 2012 - Social wing</h4>

<h4>22 Jun to 26 Jun 2012 - Jurist wing</h4>

<h4>29 Jun to 3 Jul 2012 - Politician wing</h4>

<h4>6 Jul to 10 Jul 2012 – Administration wing</h4>

<h4>13 Jul to 17 Jul 2012  - Transportwing</h4>

<h4>20 Jul to 24 Jul 2012  - Transport wing </h4>

<h4>27 Jul to 31 Jul 2012   - Medical wing</h4>

<h4>5 Aug to 9 Aug 2012   - Special Prog.</h4>

<h4>17 Aug to 21 Aug 2012 – Religious wing</h4>

<h4>31 Aug to  4 Sep – Sports wing</h4>

<h4>7 Sep 11 Sep - Sparc Wing</h4>
</div>


</div>

<!--
  <div class="row-fluid">

    <div class="span6">
      <h2>Event 1</h2>
      <p>
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
      </p>
      <p>
        <a class="btn" href="events/detail/1">View details »</a>
      </p>
    </div>

    <div class="span6">
      <h2>Event 2</h2>
      <p>
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
      </p>
      <p>
       <a class="btn" href="events/detail/1">View details »</a>
      </p>
    </div>
 </div>


  <div class="row-fluid">
    <div class="span6">
<h2>Event 3</h2>
      <p>
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
      </p>
      <p>
        <a class="btn" href="events/detail/1">View details »</a>
      </p>
    </div>

    <div class="span6">
      <h2>Event 4</h2>
      <p>
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
      </p>
      <p>
        <a class="btn" href="events/detail/1">View details »</a>
      </p>
    </div>
     </div>
-->
</div>